<!-- 底部操作 -->
<template>
	<c-fixed-bottom background-color="#f5f5f5" :height="fixedBottomHeight">
		<view class="content">
			<button class="btn btn-transition-scale95">添 加</button>
		</view>
	</c-fixed-bottom>
</template>

<script setup>
	const safeAreaBottom = getApp().globalData.safeAreaBottom; // 底部安全区域高度
	const fixedBottomHeight = safeAreaBottom === 0 ? '128rpx' : '108rpx';
</script>

<style lang="scss" scoped>
	.content {
		padding: 20rpx 45rpx 0;

		.btn {
			height: 88rpx;
			font-size: 28rpx;
			color: white;
			text-align: center;
			line-height: 88rpx;
			border-radius: 44rpx;
			background-color: #FE3333;
		}
	}
</style>